
<title>设置我的资料</title>

<div class="layui-card layadmin-header">
  <div class="layui-breadcrumb" lay-filter="breadcrumb">
    <a lay-href="">主页</a>
    <a><cite>设置</cite></a>
    <a><cite>我的资料</cite></a>
  </div>
</div>
  
<div class="layui-fluid">
  <div class="layui-row layui-col-space15">
    <div class="layui-col-md12">
      <div class="layui-card">
        <div class="layui-card-header">设置我的资料</div>
        <div class="layui-card-body" pad15>
          <form class="layui-form" lay-filter="info">
            <input type="hidden" id="id" name="id" />
            <div class="layui-form-item">
              <label class="layui-form-label">我的角色</label>
              <div class="layui-input-inline">
                <input type="text" name="realName" readonly class="layui-input">
              </div>
              <div class="layui-form-mid layui-word-aux">当前角色不可更改为其它角色</div>
            </div>
            <div class="layui-form-item">
              <label class="layui-form-label">用户名</label>
              <div class="layui-input-inline">
                <input type="text" name="username"  readonly class="layui-input">
              </div>
              <div class="layui-form-mid layui-word-aux">不可修改。一般用于后台登入名</div>
            </div>
            <div class="layui-form-item">
              <label class="layui-form-label">姓名</label>
              <div class="layui-input-inline">
                <input type="text" name="realName" value="" autocomplete="off" placeholder="请输入姓名" class="layui-input">
              </div>
            </div>
            <div class="layui-form-item">
              <label class="layui-form-label">性别</label>
              <div class="layui-input-block">
                <input type="radio" name="sex" value="1" title="男">
                <input type="radio" name="sex" value="2" title="女" >
              </div>
            </div>
            <!--<div class="layui-form-item">
              <label class="layui-form-label">头像</label>
              <div class="layui-input-inline">
                <input name="avatar" lay-verify="required" id="LAY_avatarSrc" placeholder="图片地址" value="http://cdn.layui.com/avatar/168.jpg" class="layui-input">
              </div>
              <div class="layui-input-inline layui-btn-container" style="width: auto;">
                <button type="button" class="layui-btn layui-btn-primary" id="LAY_avatarUpload">
                  <i class="layui-icon">&#xe67c;</i>上传图片
                </button>
                <button class="layui-btn layui-btn-primary" layadmin-event="avartatPreview">查看图片</button >
              </div>
           </div>-->
            <div class="layui-form-item">
              <label class="layui-form-label">手机</label>
              <div class="layui-input-inline">
                <input type="text" name="mobile" value="" lay-verify="phone" autocomplete="off" class="layui-input">
              </div>
            </div>
            <div class="layui-form-item">
              <label class="layui-form-label">邮箱</label>
              <div class="layui-input-inline">
                <input type="text" name="email" value="" lay-verify="email" autocomplete="off" class="layui-input">
              </div>
            </div>
            <!--<div class="layui-form-item layui-form-text">
              <label class="layui-form-label">备注</label>
              <div class="layui-input-block">
                <textarea name="remarks" placeholder="请输入内容" class="layui-textarea"></textarea>
              </div>
            </div>-->
            <div class="layui-form-item">
              <div class="layui-input-block">
                <a class="layui-btn" lay-submit lay-filter="setmyinfo">确认修改</a>
                <a class="layui-btn layui-btn-primary" onclick="layui.admin.refresh()">返回</a>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>
<script>
    var admin = layui.admin,form = layui.form, $ =layui.jquery;
    form.val('info',layui.admin.data()['user']);
    form.render();
    /* 监听提交 */
    form.on('submit(setmyinfo)', function (data) {
        var requestData = data.field;
        //提交用户
        admin.post({
            api:'updateUser',
            data:JSON.stringify(requestData),
            contentType: 'application/json;charset=UTF-8',
            success:function (res) {
                if(res.code == 0){
                    admin.success('操作成功',function () {
                        var userInfo = admin.data()['user'];
                        userInfo.sex = requestData.sex;
                        userInfo.realName = requestData.realName;
                        userInfo.mobile = requestData.mobile;
                        userInfo.email = requestData.email;
                        admin.data({key: 'user',value: userInfo});
                        admin.refresh()
                    });
                }
            }
        });
        return false;
    });
</script>